<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <!--v-model双向绑定, 变量的值会影响页面显示的内容,页面内容改变也会影响变量-->
    <input type="text" v-model="info">
</div>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script>
    let v = new Vue({
        el:"div",
        data:{
            info:"双向绑定"
        }
    })

    setTimeout(function () {
        alert("用户输入的是:"+v.info)
    },3000)
</script>
</body>
</html>